﻿*{ margin: 0;padding: 0;outline: none;font-family:'\9ED1\4F53', Helvetica, Verdana;font-size: 100%;list-style:none;}
a{border:0;cursor:pointer;text-decoration:none;}
ul,li,ol{list-style:none;outline: none; }
p,b,h1,ul{ margin: 0;padding: 0;}
img{border:0;}
.clear{clear:both;display:block}
body{min-width:320px;overflow-x:hidden;background-color:#fff; margin: 0 auto;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}

.buju{ width: 90%;margin: 0 auto;}
header.header{font-size:22px;width:100%;text-align:center;color:#333;margin: 20px 0 0 0;}
ul.lang{width:100%;display:table;margin: 20px 0;}
ul.lang li{float:right;color:#7d7d7d;display:inline-block;padding: 7px;font-size: 16px;border:1px solid #7d7d7d;text-align: center;}
ul.lang li.cur{background:#242424;color:#fff;border:1px solid #242424;}

.ul_enroll{}
.ul_enroll li {clear:both;  }
.ul_enroll li.li1 {clear:both;border-bottom: 1px solid #e4e4e4;padding: 0 0 8px 0;margin: 8px 0;}
.ul_enroll li:last-child{border:0;}
.ul_enroll li div{display: inline-block;width: 100%;margin: 8px 0 0 0;}
.ul_enroll li label{font-size:24px;color:#7d7d7d;float:left;width:78%;  }
.ul_enroll li label span{float: left;width: 85%;font-size:16px;color:#7d7d7d;}
.ul_enroll li label span b{margin:0 0 0 10px;}
.ul_enroll li label em{color:red;font-style: normal; }
.ul_enroll li label.lab_passcode {width: 100%;}
.ul_enroll li label.lab_passcode span{width: 88%;}
.ul_enroll li input[type='radio']{height: 15px;width: 15px;margin-right: 8px;float:left;margin-top: 2px;}
.ul_enroll li span.rightshenhe{float:right;font-size:14px;color:#999;}
.ul_enroll li div.piao{position:relative;   }
.ul_enroll li div.piao i{font-size:16px;color:#7d7d7d;float:left;font-style: normal;margin-left: 21px;margin-right: 10px;}
.ul_enroll li div.piao em{font-size:16px;color: #84AC54;font-style: normal;float:left;}
.ul_enroll li div.piao span{float:right;font-size:16px;color:#7d7d7d;}
.ul_enroll li hr{margin: 24px 0;border: 1px solid #E4E4E4;}
.ul_enroll li div.miaoshu{  width: 90%;clear: both;background: #F5F5F5;border-radius: 5px;border: 2px dashed #ccc;line-height: 16px;float: left;margin-left: 4%;display:block;}
.ul_enroll li div.miaoshu p {padding: 10px;text-align: left;font-size: 14px;color: #999;}

.err{height: 30px;width: 86%;float: left;   font-size: 13px;color: #7d7d7d;margin-left: 21px;background: #FCDCDE;border: 1px solid #F35964;margin-top: 10px;line-height: 30px; padding: 0 0px 0 8px;}
.err img{margin: 7px 6px 0 0;float: left;width: 17px;}
.err font{float:left;float: left;color: #F35964;width: 86%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yuliang{}
.input-code{ border: 1px solid #ccc;   height: 30px;width: 72%;float: left; padding: 0 35px 0 15px;font-size:13px;color:#7d7d7d;margin-left: 21px;}


.from_lab{display: block;margin: 10px 0;}
.from_piao input.txt{border: 1px solid #ccc;  height: 60px;width: 100%;float: left; text-indent:10px;font-size:20px;color:#7d7d7d;margin-left: 0;}
.from_piao .err{height: 60px;width: 100%;float: left;   font-size: 20px;color: #7d7d7d;margin-left: 0;background: #FCDCDE;border: 1px solid #F35964;margin-top: 10px;line-height: 60px;color: #F35964;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;padding:0;}
.from_piao .err img{margin-left:15px;}
.from_piao select{width: 100%;height: 60px;font-size: 20px;color: #7d7d7d;text-indent: 10px;}

.div_box{display:table;/*margin-bottom:80px;*/width:100%;}
.h1_header{border-bottom:1px solid #aeaeae; display: inline-block;width: 100%;  margin-top:20px;  font-weight: 100;line-height: 35px;font-size:18px;color:#7d7d7d;}
.sp_left{float:left;}
.sp_right{float:right;}
.p_txt{display: table;width: 95%;font-size: 16px;color: #999;margin: 8px auto 0 auto;       table-layout: fixed;}
.p_txt .sp_left{min-width:20%;}
.p_txt .sp_right{width:65%;    word-wrap: break-word;    word-break: break-all;}
.pay_miaoshu{ display: block;   width: 85%;clear: both;background: #F5F5F5;border-radius: 5px;border: 2px dashed #ccc; margin: 8px auto 8px auto;line-height: 25px;padding: 15px;color: #7d7d7d;}
.shenhe{display: block;width: 85%;clear: both;background: #F5F5F5;border-radius: 5px;border: 2px dashed #ccc;margin: 20px auto 30px auto;line-height: 18px;padding: 8px;color: #7d7d7d;font-size: 14px;}
.barcode img{width: 79%;}
.qrcode img{width: 79%;}

.p-prompt{font-size: 15px;color: #7d7d7d;}
.xuxian1{     border-top: 2px dashed #ccc;    padding: 20px 0;      width: 95%;    margin: 20px auto;   font-size: 16px;    color: #7d7d7d; }
.morepay{text-align: center;position: relative;}
.morepay span{display: inline-block;padding: 10px;background: #fff;position: absolute;top: -26px;left: 50%;margin-left: -70px;}

.colorRed{color:red;}

.pay_lab{font-size: 16px;color: #7d7d7d;display: table;width: 100%;position: relative;height: 0px;margin:10px auto;}
.pay_lab input{width: 15px;height: 15px;}
.pay_lab img{position: absolute;top: -3px;left: 20px;width: 26px; height:22px;}
.pay_lab span{margin-left: 2.5em;}

.input-btn{  border-radius: 0;  height: 50px;  font-size:16px;  width: 100%; background:#242424;border: 0;line-height: 50px;text-align: center;color: #fff;   }
.input-btn:active{background:#333;}
.input-btn:disabled{  background: #CECECE; }
.up-btn{  height:50px;  font-size:16px;  width: 100%; background:#fff;border: 0;line-height: 50px;text-align: center;color: #383838;  }
.up-btn:active{background:#fff;}


footer{font-size:10px;width:100%;color:#bcbcbc;text-align:center;line-height:15px;height:15px;bottom: 0;z-index:1000;background: #F2F2F2;}
.page_footer{position: fixed;width: 100%;bottom: 0;margin-top: 26px;}
.psy_hide{display:none;}

i.icon-x{color: #fff;background: url(MCSmobile/clear.png) no-repeat;width: 40px;height: 60px;display: none;float: right!important;position: absolute;right: 0;top: 0;background-position: 0px 19px;margin-right: 0!important;}


.login_title{ font-size: 22px;width: 80%;margin: 50px auto;text-align: center;font-weight:100;}
.login_header{width: 90%;text-align: center;margin: 0 auto;font-size: 22px;margin-bottom: 2em;}
.p-txt{height: 50px;line-height: 50px;width: 80%;display: table;margin: 0 auto;   vertical-align: bottom;}
.p-from{height: 50px;line-height: 50px;width: 80%;display: table;margin: 0 auto;border-bottom: 1px solid #ccc;vertical-align: bottom;}
.p-txt label{  display: block;float: left;  height: 30px;line-height: 30px;font-size: 16px;color: #7d7d7d;width: 30%;margin-top: 20px;vertical-align: bottom;}
.p-from label{display: block;float: left;   height: 30px;line-height: 30px;font-size: 16px;color: #7d7d7d;width: 34%;margin-top: 20px;vertical-align: bottom;}
.p-from input{display: block;float: left;   width: 65%;border: 0;height: 30px;line-height: 30px;font-size: 16px;   margin-top: 20px;vertical-align: bottom;color:#999;}
.p-txt span{width: 75%;border: 0;height: 30px;line-height: 30px;font-size: 16px;padding: 0 10px;margin-top: 20px;vertical-align: bottom;color:#999;}
.login-btn{width: 80%;margin: 0 auto;display: block;  margin-top:40px;}
.login1-btn{background: none;color: #242424;margin-top:0;}
.login1-btn:active{background:#fff;color:#333;}
.p_a{width: 70%;display: block; margin: 14px auto;}
.p_a a{width: 50%;display: block;float: left;text-align: center;color: #242424;font-size: 16px;}

input::-webkit-input-placeholder {color:#dcdcdc;}
input:-moz-placeholder {color:#dcdcdc;}
input:-ms-input-placeholder {color:#dcdcdc;}
input {font-size:16px;}

html, body {
    background: #fff;
}

.content_panel {
    margin: 0;
}

.form_Pontent ul li label {
    width: auto;
    min-width: 0 !important;
}

.form_Pontent ul li input {
    width: 100%;
}

.form_Pontent ul li select {
    width: 100%;
    min-width: 280px;
}

.form_Pontent ul li input[type='button'].button {
    text-indent: 0;
    font-size: 16px;
    width: 130px;
    height: 40px;
    background: #242424;
    color: #fff;
    display: inline-block;
    line-height: 40px;
    margin: 0;
}

    .form_Pontent ul li input[type='button'].button:hover {
        background: #333;
        color: #e3e3e3;
    }

.form_Pontent ul li input[type='radio'] {
    margin-left: 0;
}

font.prompt {
    width: 27%;
}

.rdo_label {
    min-width: 105px !important;
    text-indent: 0px !important;
}

.from-buju {
    display: inline-block;
    width: 73%;
    float: right;
    text-align: right;
}

li {
    list-style-type: none;
}

.selectedLi {
    background-color: #c5ebff !important;
}

.notranslate {
    clear: both;
}

.handleArea {
    width: 330px;
    position: absolute;
    height: 80px;
}

.desc-left {
    float: left;
    width: 70px;
    text-align: right;
    padding-right: 8px;
}

#divFormContent {
    padding-left: 30px;
}

.cssAst {
    display: none;
    color: red;
}

.cssAst-show {
    color: #F25561;
}

.labelAbovePosition {
    letter-spacing: 3px;
    min-width: 25%;
    float: left;
    text-align: left;
    font-size:16px;
    width:100%;
    color:#7d7d7d;
}

.labelLeftPosition {
    letter-spacing: 3px;
    min-width: 25%;
    float: left;
    text-align: left;
    font-size:16px;
    width:100%;
    color:#7d7d7d;
}

.cDivFormRow2 {
     width: 100%;
           /*margin: 8px 0;*/
display: inline-block;
}

.cDivFormRowLeft {
       width: 100%;
           /*margin: 8px 0;*/
display: inline-block;
}

.cDivFormPage {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.choice {
    margin-left: 10px;
    display: inline;
    line-height: 23px;
}

#divFormContent {
    width: 100%;
}

    #divFormContent > div {
        width: 100%;
        display: table;
        margin-top: 10px;
        margin: auto;
    }

.k-invalid-msg {
    float: right;
}

input[datatype='text'] {
    width: 100% !important;margin-top:8px;height:40px;border:1px solid #c9c9c9;color:#999;text-indent:8px;
}

input[datatype='password'] {
    width: 100%;
    height:40px;
    margin-top:8px;border:1px solid #c9c9c9;color:#999;text-indent:8px;
}

input[type='radio'] {
    float: none !important;
}

.cDivFormPage input[type='button'] {
    border: none;
    text-indent: 0;
    /*margin: 15px 15px !important;*/
}

.k-button {
    padding: 0.8em 3.5em !important;
    background-image: none !important;
    margin-right: 5px !important;
    border-radius: 0px !important;
    border: outset 2px rgb(221, 221, 221) !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

#province {
    width: 100%;
}

#city {
    width: 100%;
}

span[data-role=Tooltip] {
    background-image: url('/Content/images/icons/info.png');
    background-repeat: no-repeat;
    margin-right: 5px;
    background-size: auto;
    width: 10px;
    height: 10px;
}

input[datatype=nextpage] {
    /*margin-left: 30px;*/
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        width:100%;
}
input[datatype=prepage] {
    /*background: #fff;
    background-color: #fff !important;
    color: #000!important;*/
    height: 50px;
    line-height: 50px;
    width: 100%;
}
li[type="page"] {
    margin-top: 30px !important;
}



input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}

input[type="number"] {
    -moz-appearance: textfield;
    width:100% !important;
    margin:8px 0 0 0 !important;
    height:40px;
    border:1px solid #c9c9c9;color:#999;    text-indent: 8px;
}

input[type="button"], button {
    background-color: black;
    color: white;
}

#btnReturnConfirm, #btnNextStep, #btnEdit {
    padding: 0;
    margin: 0;
}

#registerFail > div {
    font-family: Microsoft YaHei !important;
    margin-bottom: 10px;
    font-size: 20px;
}

.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg {
       float: left;
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin: 0px 0 8px 0;
        text-indent: 10px;
        background: #FCDEE0;
        color: #f25561;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
}

.form_Pontent ul.iframe_ul {
    margin-left: 75px;
}

.form_Pontent ul li {
    padding: 0 0 10px 0;
    min-height: 0;
    line-height: initial;
    display: table;
}

    .form_Pontent ul li.lierr {
        padding: 0;
    }

    .form_Pontent ul li input[type='file'] {
        height: 23px;
        line-height: 0;
        text-indent: 0;
        width: auto;
        margin: 6px 0;
    }

.k-combobox {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
}

.k-dropdown-wrap .k-input {
    height: 40px;           
    /*margin:8px 0;*/
    border:1px solid #c9c9c9;color:#999;text-indent:8px;
    padding:0;
}

.form_Pontent ul li input[type='checkbox'] {
    display: inline-block;
}

.ckb_label {
        font-size: 16px;
        margin-top: 8px;
        text-indent: 0 !important;
        width: 100%;
        display: block;
        color:#7d7d7d;
}

.form_Pontent ul li input[type='radio'] {
    display: inline-block;
}

.rdo_label {
       margin-top: 8px;
        text-indent: 0 !important;
        width: 100%;
        display: block;   
}

    .rdo_label span {
        margin-left: 0px;
        font-size:16px;
        color:#7d7d7d;
    }

.k-picker-wrap .k-input {
    height: 40px;
    margin:8px 0 !important;
    border:1px solid #c9c9c9;color:#999;    text-indent: 8px;
}

.fieldset {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}

li.notranslate {
    z-index: 100;
    width: 100% !important;
    margin: 14px auto;
    float: none !important;
}

.form_Pontent ul li input[name="FieldEmergencyTelCityCode"] {
    text-indent: 6px;
}

.form_Pontent textarea {
    width: 100%;height:100px;margin-top:8px;border:1px solid #c9c9c9;color:#999;    font-size: 16px;
}
select{width:100%;margin-top:8px;height:40px;border:1px solid #c9c9c9;color:#999;    font-size: 16px;}
input[type='file']{margin:8px 0;}

input[type="button"].up-btn{    height: 45px;    font-size: 16px;    width: 100%;    background: #fff;    border: 0;    line-height: 45px;    text-align: center;    color: #383838;}
.k-warning {    width: 17px;    height: 17px;    display: inline-block;    vertical-align: sub;   background: url(../../../Content/icon/failed_info.png) no-repeat;}      

span[data-role=Tooltip] {    width: 90%;    clear: both;    background: #F5F5F5;    border-radius: 5px;    border: 2px dashed #ccc;    float: left;    display: block;    padding: 10px;    text-align: left;    font-size: 14px;    min-height: 16px;    margin: 8px 0 0 0;    color: #999;    height:auto;        }

span.k-combobox{    background-image: none;    white-space: nowrap;      display: inline-block;  margin: 8px 0;}
.k-dropdown-wrap.k-state-default {            background-image: url('textures/highlight.png');            background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);            background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);            background-image: none,-o-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);            background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);            background-position: 50% 50%;            background-color: #e9e9e9;            border-color: #c5c5c5;        }
.k-dropdown-wrap{            border-radius: 4px;    background-repeat: repeat;    border-width: 1px;    border-style: solid;    padding: 0 1.9em 0 0;    display: block;position: relative;}  
 .k-state-default > .k-select {    border-color: #c5c5c5;}
.k-dropdown-wrap .k-select {    min-height: 1.65em;    line-height: 2em;    vertical-align: middle;    -moz-box-sizing: border-box;    text-align: center;    width: 1.9em;    height: 100%;}
.k-dropdown-wrap .k-select {    position: absolute;    top: 0;    right: 0;    display: inline-block;    vertical-align: top;    text-decoration: none;}
.k-i-arrow-s {    background-position: 0 -32px;}
.k-icon.k-i-arrow-s{ margin-top: 13px;       display: inline-block;    width: 16px;    height: 16px;    overflow: hidden;    background-repeat: no-repeat;    font-size: 0;    line-height: 0;    text-align: center;        background-image: url("../../../Scripts/kendo/Default/sprite.png");    border-color: transparent; }    
.k-animation-container{    -webkit-box-sizing: content-box;    -moz-box-sizing: content-box;    box-sizing: content-box;}
.k-popup.k-list-container, .k-popup.k-calendar-container {    -webkit-touch-callout: none;    -webkit-tap-highlight-color: rgba(0,0,0,0);    padding: 2px;    border-width: 1px;    border-style: solid;}
.k-list-container {    color: #2e2e2e;    border-radius: 4px;    }
.k-popup{    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);}
.k-list-container {    border-color: #c5c5c5;    background-color: #e9e9e9;}
input[data-role="combobox"]{    display: inline-block;    width: 100% !important;    margin-top: 8px;    height: 40px;    border: 1px solid #c9c9c9;    color: #999;    text-indent: 8px;}
.k-picker-wrap > .k-select{display:none;}


.form_Pontent ul li input[mobile="mobile"] {
            width: 70% !important;
            float: left;
        }

.form_Pontent ul li input[type='number'] {
    float: left;
}

.iframe_liBtn {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0 !important;
    text-align: right !important;
    background-color: #f9f9f9;
    padding: 1px 0 !important;
    border-top: 1px solid #e4e4e4;
}
.k-loading-mask{    position: absolute;}
.k-loading-text{display: none;}
.k-loading-image{    background-image: url("../../../Scripts/kendo/Default/loading-image.gif");top: 0;left: 0;width: 100%;height: 100%;z-index: 2;background-color: transparent;background-repeat: no-repeat;background-position: center center;position: absolute;}
.k-loading-color{    background-color: #fff;filter: alpha(opacity=30);opacity: .3;width: 100%;height: 100%;}
.form_Pontent ul li input[mobile="mobile"] {
    width: 70% !important;
    float: left;
}
.form_Pontent ul li input[type='number'] {
    float: left;
}

.iframe_liBtn {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0 !important;
    text-align: right !important;
    background-color: #f9f9f9;
    padding: 1px 0 !important;
    border-top: 1px solid #e4e4e4;
}
.k-loading-mask{    position: absolute;}
.k-loading-text{display: none;}
.k-loading-image{    background-image: url("../../../Scripts/kendo/Default/loading-image.gif");top: 0;left: 0;width: 100%;height: 100%;z-index: 2;background-color: transparent;background-repeat: no-repeat;background-position: center center;position: absolute;}
.k-loading-color{    background-color: #fff;filter: alpha(opacity=30);opacity: .3;width: 100%;height: 100%;}

.form_Pontent ul li input[mobile="mobile"] 
{
    width: 70% !important;
    float: left;
}
.form_Pontent ul li input[type='number'] {
    float: left;
}

.iframe_liBtn {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0 !important;
    text-align: right !important;
    background-color: #f9f9f9;
    padding: 1px 0 !important;
    border-top: 1px solid #e4e4e4;
}
.k-loading-mask{    position: absolute;}
.k-loading-text{display: none;}
.k-loading-image{    background-image: url("../../../Scripts/kendo/Default/loading-image.gif");top: 0;left: 0;width: 100%;height: 100%;z-index: 2;background-color: transparent;background-repeat: no-repeat;background-position: center center;position: absolute;}
.k-loading-color{    background-color: #fff;filter: alpha(opacity=30);opacity: .3;width: 100%;height: 100%;}